<template>
	<view class="pet-health-web-app">
		<!-- 顶部导航栏 -->
		<view class="top-navbar">
			<view class="container-fluid">
				<view class="row align-items-center">
					<view class="col-lg-3 col-md-3 col-sm-12">
						<view class="logo">
							<image src="/static/petLogo.png" mode="aspectFit"></image>
							<text class="titleText">宠物健康管家</text>
						</view>
					</view>
					<view class="col-lg-6 col-md-6 col-sm-12">
						<view class="navbar-center">
							<!-- 分类导航 -->
							<view class="nav-categories">
								<view class="nav-item" @click="goIndex">
									<text class="titleText">首页</text>
								</view>
								<view class="nav-item" @click="goHealth">
									<text class="titleText">健康</text>
								</view>
								<view class="nav-item" @click="goShop">
									<text class="titleText">商城</text>
								</view>
								<view class="nav-item" @click="goForum">
									<text class="titleText">论坛</text>
								</view>
							</view>
							<!-- 搜索栏 -->
							<view class="search-container">
								<image src="/static/index/search-icon.png" mode="aspectFill"></image>
								<input type="text" placeholder="搜索健康知识" class="search-input" />
								<button class="search-btn">搜索</button>
							</view>
						</view>
					</view>
					<view class="col-lg-3">
						<view class="user-actions">
							<view class="action-item" @click="goMine">
								<image src="/static/Tabbar/mine.png" style="width: 60rpx;height: 60rpx;"
									mode="aspectFill"></image>
								<text class="titleText">我的账户</text>
							</view>
							<view class="action-item">
								<image src="/static/Tabbar/shop.png" style="width: 60rpx;height: 60rpx;"
									mode="aspectFill"></image>
								<text class="titleText">购物车</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 主要内容区域 -->
		<view class="main-content container">
			<!-- 面包屑导航 -->
			<view class="breadcrumb">
				<text class="breadcrumb-item" @click="goIndex">首页</text>
				<text class="breadcrumb-separator">/</text>
				<text class="breadcrumb-item" @click="goKnowledgeList">健康知识</text>
				<text class="breadcrumb-separator">/</text>
				<text class="breadcrumb-item active">{{ currentArticle.title }}</text>
			</view>

			<view class="" style="width: 100%;display: flex;justify-content: center;">
				<!-- 左侧内容区 -->
				<view class="col-lg-8 col-md-12">
					<view class="article-content">
						<view class="article-header">
							<text class="article-title">{{ currentArticle.title }}</text>
							<view class="article-meta">
								<text class="article-date">发布时间：{{ currentArticle.date }}</text>
								<text class="article-views">阅读量：{{ currentArticle.views }}</text>
							</view>
							<image :src="currentArticle.coverImage" mode="aspectFill" class="article-cover-image">
							</image>
						</view>

						<view class="article-body">
							<view v-if="currentArticleId === 0 || 2">
								<!-- 宠物营养均衡指南内容 -->
								<view class="article-section">
									<text class="section-title">为什么宠物需要均衡的营养</text>
									<text
										class="article-paragraph">在家庭宠物饲养中，营养均衡是保障宠物健康的基础。一个科学合理的饮食方案能够为宠物提供必要的能量和营养物质，支持其身体机能正常运作，增强免疫力，并预防各种营养相关疾病。</text>
									<text
										class="article-paragraph">现代研究表明，许多常见的宠物健康问题，如肥胖、关节炎、皮肤病等，都与营养摄入不均衡有直接关系。因此，了解宠物营养需求的基本原则对于每一位宠物主人而言都至关重要。</text>
								</view>

								<view class="article-section">
									<text class="section-title">犬猫基础营养需求</text>
									<text class="article-paragraph">无论是犬类还是猫类，它们的营养需求主要包括以下几个方面：</text>

									<view class="nutrition-element">
										<view class="nutrition-info">
											<text class="nutrition-name">蛋白质</text>
											<text
												class="nutrition-desc">蛋白质是宠物肌肉组织的重要组成部分，支持免疫系统，参与酶的合成。犬猫是肉食性动物，需要高质量的动物蛋白，如肉类、鱼类和蛋类。</text>
										</view>
									</view>

									<view class="nutrition-element">
										<view class="nutrition-info">
											<text class="nutrition-name">脂肪</text>
											<text
												class="nutrition-desc">脂肪是宠物能量的主要来源，同时提供必需脂肪酸，支持皮肤健康和毛发光泽。均衡的Omega-3和Omega-6脂肪酸对宠物的健康至关重要。</text>
										</view>
									</view>

									<view class="nutrition-element">
										<view class="nutrition-info">
											<text class="nutrition-name">碳水化合物</text>
											<text
												class="nutrition-desc">虽然不是必需营养素，但适量的碳水化合物可以提供能量和膳食纤维。全谷物和蔬菜是优质碳水化合物的良好来源。</text>
										</view>
									</view>

									<view class="nutrition-element">
										<view class="nutrition-info">
											<text class="nutrition-name">维生素和矿物质</text>
											<text
												class="nutrition-desc">这些微量营养素对宠物的生长发育、代谢功能和免疫健康至关重要。钙、磷、镁等矿物质以及维生素A、D、E等都是宠物必需的营养成分。</text>
										</view>
									</view>

									<view class="nutrition-element">
										<view class="nutrition-info">
											<text class="nutrition-name">水</text>
											<text
												class="nutrition-desc">水是最重要的营养素，参与几乎所有的生理过程。确保宠物随时获得清洁、新鲜的饮用水至关重要。</text>
										</view>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">不同生命阶段的营养需求</text>

									<view class="life-stage">
										<text class="stage-title">幼犬/幼猫期</text>
										<text
											class="stage-desc">幼年期宠物的生长速度快，需要高能量、高蛋白质的饮食。这个阶段的营养对骨骼发育、大脑发育和免疫系统建立至关重要。</text>
										<text class="stage-tip">幼犬需要比成犬多约2倍的能量和蛋白质，幼猫的能量需求更是成猫的2-3倍。</text>
									</view>

									<view class="life-stage">
										<text class="stage-title">成年期</text>
										<text
											class="stage-desc">成年宠物需要均衡的营养来维持正常活动和健康。适当控制能量摄入以防止肥胖，同时确保摄入足够的蛋白质维持肌肉质量。</text>
										<text class="stage-tip">活动量大的宠物需要更多能量，而室内或较少活动的宠物应控制食量，避免超重。</text>
									</view>

									<view class="life-stage">
										<text class="stage-title">老年期</text>
										<text
											class="stage-desc">老年宠物的新陈代谢变慢，活动量减少，消化能力下降。它们需要易消化、低热量但营养密度高的食物，并增加抗氧化物质的摄入。</text>
										<text class="stage-tip">老年宠物的饮食应含有适量的纤维，减少钠含量，适当补充关节保健成分如硫酸软骨素和葡萄糖胺。</text>
									</view>

									<view class="life-stage">
										<text class="stage-title">妊娠/哺乳期</text>
										<text
											class="stage-desc">这一特殊时期的母犬母猫需要额外的能量和营养支持胎儿发育和乳汁分泌。高品质蛋白质、钙和其他矿物质的摄入尤为重要。</text>
										<text class="stage-tip">怀孕后期的母犬母猫能量需求可增加到平时的1.5倍，哺乳期甚至可达到2-3倍。</text>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">常见营养问题与解决方案</text>

									<view class="nutrition-problem">
										<text class="problem-title">肥胖</text>
										<text
											class="problem-desc">宠物肥胖是最常见的营养问题之一，会导致关节压力增加、糖尿病风险提高、心脏负担加重等一系列健康问题。</text>
										<text class="solution-title">解决方案：</text>
										<text class="solution-point">• 控制食量，按照宠物体重和活动量科学定量</text>
										<text class="solution-point">• 选择低脂、高纤维的减肥配方食品</text>
										<text class="solution-point">• 增加运动量，定期进行身体检查</text>
										<text class="solution-point">• 避免人类食物作为零食，特别是高脂高糖食品</text>
									</view>

									<view class="nutrition-problem">
										<text class="problem-title">食物过敏</text>
										<text class="problem-desc">宠物可能对某些食物成分产生过敏反应，通常表现为皮肤瘙痒、耳部感染、消化问题等。</text>
										<text class="solution-title">解决方案：</text>
										<text class="solution-point">• 进行排除试验，确定过敏原</text>
										<text class="solution-point">• 选择单一蛋白源或水解蛋白配方食品</text>
										<text class="solution-point">• 避免添加剂和人工色素</text>
										<text class="solution-point">• 咨询兽医进行专业指导</text>
									</view>

									<view class="nutrition-problem">
										<text class="problem-title">营养缺乏</text>
										<text class="problem-desc">自制食物或单一喂养可能导致某些营养素缺乏，引起生长发育迟缓、免疫力下降等问题。</text>
										<text class="solution-title">解决方案：</text>
										<text class="solution-point">• 选择全面均衡的商业宠物食品</text>
										<text class="solution-point">• 如喂食自制食物，确保按照营养配比合理搭配</text>
										<text class="solution-point">• 必要时添加适当的营养补充剂</text>
										<text class="solution-point">• 定期体检，监测宠物健康状况</text>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">如何选择合适的宠物食品</text>
									<text
										class="article-paragraph">面对市场上琳琅满目的宠物食品，如何为爱宠选择最适合的产品成为许多宠物主人的难题。以下是几个选择要点：</text>

									<view class="selection-tips">
										<text class="tip-item">✓ 查看配料表：优质宠物食品的第一种配料应为高质量的肉类蛋白</text>
										<text class="tip-item">✓ 关注营养成分表：确保蛋白质、脂肪、碳水化合物比例合理</text>
										<text class="tip-item">✓ 考虑宠物的特定需求：年龄、品种、健康状况、活动水平等</text>
										<text class="tip-item">✓ 选择知名度高、研发能力强的品牌</text>
										<text class="tip-item">✓ 避免含有过多添加剂、防腐剂和人工色素的产品</text>
										<text class="tip-item">✓ 根据宠物的接受度和消化情况调整选择</text>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">健康饮食习惯的建立</text>
									<text class="article-paragraph">除了提供均衡的营养，建立良好的饮食习惯也是宠物健康的重要保障：</text>

									<view class="healthy-habits">
										<view class="habit-item">
											<view class="habit-content">
												<text class="habit-title">定时定量</text>
												<text class="habit-desc">为宠物制定规律的饮食时间表，避免自由采食导致的肥胖问题。</text>
											</view>
										</view>

										<view class="habit-item">
											<view class="habit-content">
												<text class="habit-title">充足饮水</text>
												<text class="habit-desc">确保宠物随时能获得新鲜、清洁的饮用水，尤其是食用干粮的宠物。</text>
											</view>
										</view>

										<view class="habit-item">
											<view class="habit-content">
												<text class="habit-title">控制零食</text>
												<text class="habit-desc">零食摄入不应超过宠物每日总热量的10%，选择低热量、有营养的健康零食。</text>
											</view>
										</view>

										<view class="habit-item">
											<view class="habit-content">
												<text class="habit-title">缓慢过渡</text>
												<text class="habit-desc">更换食物时应在7-10天内逐渐过渡，避免引起肠胃不适。</text>
											</view>
										</view>
									</view>
								</view>

								<view class="article-section conclusion">
									<text class="section-title">结语</text>
									<text
										class="article-paragraph">均衡的营养是宠物健康的基石。作为负责任的宠物主人，了解并满足爱宠在不同生命阶段的营养需求，选择适合的食物，建立健康的饮食习惯，能够有效预防营养相关疾病，提高宠物的生活质量，让它们拥有健康、快乐的生活。</text>
									<text class="article-paragraph">如果您对宠物的具体营养需求有疑问，建议咨询专业兽医或宠物营养师，获取个性化的饮食建议。</text>
								</view>
							</view>

							<view v-else-if="currentArticleId === 1">
								<!-- 犬类常见疾病预防内容 -->
								<view class="article-section">
									<text class="section-title">犬类常见疾病概述</text>
									<text
										class="article-paragraph">狗狗作为人类最亲密的伙伴之一，其健康状况直接影响到家庭的幸福。尽管现代兽医学取得了长足进步，但预防始终比治疗更经济、更有效。了解犬类常见疾病及其预防措施，对于每一位狗主人而言都至关重要。</text>
									<text
										class="article-paragraph">本文将介绍犬类最常见的几类疾病及其预防方法，帮助您保护爱犬的健康，减少不必要的痛苦和医疗支出。</text>
								</view>

								<view class="article-section">
									<text class="section-title">传染性疾病及预防</text>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">犬瘟热</text>
											<text class="disease-tag high">高危险</text>
										</view>
										<text
											class="disease-desc">犬瘟热是由犬瘟热病毒引起的高度传染性疾病，可通过空气、食物、水或直接接触传播。症状包括发热、流鼻涕、眼分泌物、咳嗽、呕吐、腹泻、神经症状等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 定期接种疫苗（通常在幼犬6-8周龄开始接种，之后按计划加强）</text>
											<text class="prevention-point">• 避免与未知健康状况的犬只接触</text>
											<text class="prevention-point">• 保持环境清洁卫生</text>
											<text class="prevention-point">• 增强犬只免疫力（均衡饮食、适当运动、减少压力）</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">犬细小病毒</text>
											<text class="disease-tag high">高危险</text>
										</view>
										<text
											class="disease-desc">犬细小病毒以其高传染性和高死亡率而闻名，主要侵害幼犬，通过粪便-口腔途径传播。主要症状是严重的呕吐、血性腹泻、严重脱水和体重迅速下降。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 严格按照疫苗接种计划接种</text>
											<text class="prevention-point">• 未完成疫苗接种的幼犬避免到公共场所</text>
											<text class="prevention-point">• 保持环境清洁，用含氯消毒剂定期消毒</text>
											<text class="prevention-point">• 发现可疑病例立即隔离并就医</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">传染性肝炎</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text
											class="disease-desc">犬传染性肝炎由腺病毒引起，通过直接接触感染犬的分泌物、排泄物传播。症状包括发热、腹痛、呕吐、腹泻、结膜炎和肝区疼痛等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 接种疫苗（通常包含在多联疫苗中）</text>
											<text class="prevention-point">• 避免接触感染犬的粪便、尿液等</text>
											<text class="prevention-point">• 保持良好的个人卫生和环境卫生</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">犬类流感</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text
											class="disease-desc">犬流感是由犬流感病毒引起的急性呼吸道疾病，通过空气飞沫传播。症状包括咳嗽、打喷嚏、流鼻涕、发热和精神不振。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 在高风险地区考虑接种犬流感疫苗</text>
											<text class="prevention-point">• 避免接触咳嗽或生病的犬只</text>
											<text class="prevention-point">• 减少聚集场所（如犬舍、宠物店）的逗留时间</text>
											<text class="prevention-point">• 经常清洗犬只使用的玩具和器具</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">狂犬病</text>
											<text class="disease-tag high">高危险</text>
										</view>
										<text
											class="disease-desc">狂犬病是一种致命的人畜共患病，通过受感染动物的唾液（主要是咬伤）传播。一旦出现症状（行为改变、攻击性增加、怕水等），几乎100%致命。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 强制性定期接种狂犬病疫苗（这是法律要求）</text>
											<text class="prevention-point">• 避免与野生动物或不明健康状况的动物接触</text>
											<text class="prevention-point">• 遛狗时使用牵引绳，避免与陌生动物接触</text>
											<text class="prevention-point">• 如被动物咬伤，立即彻底清洗伤口并寻求医疗帮助</text>
										</view>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">寄生虫相关疾病及预防</text>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">体外寄生虫（跳蚤、蜱虫）</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text
											class="disease-desc">跳蚤和蜱虫不仅会引起皮肤问题，还可能传播其他疾病。症状包括持续搔抓、皮肤发红、脱毛、皮肤感染等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 定期使用兽医推荐的驱虫产品（滴剂、口服药或驱虫项圈）</text>
											<text class="prevention-point">• 定期检查犬只皮肤和被毛，特别是在耳朵、腋下和腹股沟区域</text>
											<text class="prevention-point">• 定期清洗犬只床铺和经常活动的区域</text>
											<text class="prevention-point">• 在草丛和森林等高风险区域后检查犬只身体</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">体内寄生虫（蛔虫、钩虫、绦虫等）</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text class="disease-desc">体内寄生虫可引起消化系统问题、营养吸收不良、体重减轻等。严重感染可导致贫血、腹泻甚至肠梗阻。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 按照兽医建议定期进行体内驱虫（通常每3-6个月一次）</text>
											<text class="prevention-point">• 幼犬需要更频繁的驱虫计划</text>
											<text class="prevention-point">• 及时清理犬只粪便，保持环境卫生</text>
											<text class="prevention-point">• 避免犬只接触或食用生肉</text>
											<text class="prevention-point">• 定期进行粪便检查</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">心丝虫病</text>
											<text class="disease-tag high">高危险</text>
										</view>
										<text
											class="disease-desc">心丝虫病由蚊子叮咬传播，成虫寄生在心脏和肺动脉中，可导致心力衰竭和死亡。早期症状不明显，后期可出现咳嗽、疲劳、体重减轻、呼吸困难等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 全年使用心丝虫预防药物（口服或注射）</text>
											<text class="prevention-point">• 减少蚊子叮咬的机会（避免在蚊子活跃时段外出）</text>
											<text class="prevention-point">• 每年进行心丝虫检测</text>
											<text class="prevention-point">• 如在高风险地区生活，更要严格执行预防措施</text>
										</view>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">常见慢性疾病及预防</text>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">肥胖</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text
											class="disease-desc">肥胖是犬类最常见的健康问题之一，会增加关节疾病、糖尿病、心脏病和某些癌症的风险。症状包括体重超标、活动能力下降、呼吸困难等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 控制食量，按照兽医建议合理喂食</text>
											<text class="prevention-point">• 提供规律的运动，每天至少30分钟</text>
											<text class="prevention-point">• 减少零食，特别是高脂高热量的人类食物</text>
											<text class="prevention-point">• 定期称重监测体重变化</text>
											<text class="prevention-point">• 选择适合犬只年龄和活动水平的食物</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">牙科疾病</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text
											class="disease-desc">超过80%的成年犬存在某种程度的牙周疾病，可导致牙齿脱落、疼痛和全身性感染。症状包括口臭、牙龈红肿出血、进食困难等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 定期刷牙，最好每天进行</text>
											<text class="prevention-point">• 提供专门的犬用咀嚼玩具和牙齿清洁零食</text>
											<text class="prevention-point">• 定期进行专业牙科检查和清洁</text>
											<text class="prevention-point">• 选择有助于牙齿健康的专用犬粮</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">关节疾病（髋关节发育不良、骨关节炎）</text>
											<text class="disease-tag medium">中等危险</text>
										</view>
										<text
											class="disease-desc">关节问题在中大型犬和老年犬中特别常见，可能是遗传因素、过度运动、营养不良或肥胖所致。症状包括行动不便、关节僵硬、不愿上下楼梯等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 控制体重，减轻关节负担</text>
											<text class="prevention-point">• 提供适量运动，避免剧烈活动</text>
											<text class="prevention-point">• 提供含有软骨素和氨基葡萄糖的补充剂</text>
											<text class="prevention-point">• 舒适的睡眠环境，避免冷硬地面</text>
											<text class="prevention-point">• 选择遗传筛查良好的犬只作为宠物（购买前）</text>
										</view>
									</view>

									<view class="disease-item">
										<view class="disease-header">
											<text class="disease-name">皮肤疾病</text>
											<text class="disease-tag low">低危险</text>
										</view>
										<text
											class="disease-desc">犬的皮肤问题多种多样，包括过敏、热点、真菌感染等。症状包括持续搔抓、舔舐、皮肤发红、脱毛、异味等。</text>
										<view class="prevention-box">
											<text class="prevention-title">预防措施：</text>
											<text class="prevention-point">• 定期洗澡和梳理，使用专用洗发产品</text>
											<text class="prevention-point">• 识别并避免过敏原（食物、环境等）</text>
											<text class="prevention-point">• 定期进行皮肤检查，关注任何异常</text>
											<text class="prevention-point">• 保持生活环境清洁，定期清洗狗窝和玩具</text>
											<text class="prevention-point">• 提供均衡饮食，包含必要的脂肪酸</text>
										</view>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">疫苗接种计划</text>
									<text class="article-paragraph">合理的疫苗接种是预防多种传染病的最有效手段。以下是一般推荐的疫苗接种时间表：</text>

									<view class="vaccine-schedule">
										<view class="schedule-header">
											<text class="age-column">年龄</text>
											<text class="vaccine-column">推荐疫苗</text>
										</view>

										<view class="schedule-row">
											<text class="age-cell">6-8周龄</text>
											<text class="vaccine-cell">多联疫苗（犬瘟热、传染性肝炎、细小病毒等）第一针</text>
										</view>

										<view class="schedule-row">
											<text class="age-cell">10-12周龄</text>
											<text class="vaccine-cell">多联疫苗第二针，狂犬病疫苗（如适用）</text>
										</view>

										<view class="schedule-row">
											<text class="age-cell">14-16周龄</text>
											<text class="vaccine-cell">多联疫苗第三针</text>
										</view>

										<view class="schedule-row">
											<text class="age-cell">每年</text>
											<text class="vaccine-cell">多联疫苗加强针，狂犬病疫苗（地区法规要求）</text>
										</view>
									</view>

									<text class="article-note">注意：具体疫苗接种计划应根据犬只的年龄、健康状况、生活环境和地区疾病流行情况，在兽医指导下制定。</text>
								</view>

								<view class="article-section">
									<text class="section-title">日常健康检查</text>
									<text
										class="article-paragraph">定期的居家健康检查有助于及早发现潜在的健康问题。建议每月至少进行一次全面检查，包括以下几个方面：</text>

									<view class="check-items">
										<view class="check-item">
											<view class="check-content">
												<text class="check-title">眼睛</text>
												<text class="check-desc">检查是否清澈、无分泌物、无发红或混浊。眼睛应明亮、湿润，无异常分泌物。</text>
											</view>
										</view>

										<view class="check-item">
											<view class="check-content">
												<text class="check-title">耳朵</text>
												<text class="check-desc">检查是否干净、无异味、无发红或肿胀。耳道应干燥、颜色正常，无过多耳垢或污物。</text>
											</view>
										</view>

										<view class="check-item">
											<view class="check-content">
												<text class="check-title">口腔</text>
												<text class="check-desc">检查牙龈是否粉红健康，牙齿是否清洁无结石，口气是否正常。</text>
											</view>
										</view>

										<view class="check-item">
											<view class="check-content">
												<text class="check-title">皮肤和被毛</text>
												<text class="check-desc">检查是否有脱毛、结痂、红肿、虫害迹象。健康的被毛应光亮顺滑，皮肤应无异常。</text>
											</view>
										</view>

										<view class="check-item">
											<view class="check-content">
												<text class="check-title">爪子和脚垫</text>
												<text class="check-desc">检查是否有破损、异物、过长指甲或感染迹象。脚垫应柔软有弹性，无裂纹或伤口。</text>
											</view>
										</view>
									</view>
								</view>

								<view class="article-section">
									<text class="section-title">何时寻求兽医帮助</text>
									<text
										class="article-paragraph">尽管预防措施很重要，但及时识别疾病症状并寻求专业帮助同样关键。以下症状应引起警惕并尽快咨询兽医：</text>

									<view class="warning-signs">
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">持续呕吐或腹泻超过24小时</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">明显的精神萎靡或行为改变</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">不明原因的体重减轻</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">饮水或食欲明显增加或减少</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">持续咳嗽或呼吸困难</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">排尿困难或尿液异常</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">跛行或明显的疼痛表现</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">眼睛、耳朵或皮肤的明显异常</text>
										</view>
										<view class="warning-sign">
											<text class="sign-bullet">⚠️</text>
											<text class="sign-text">持续超过39.5°C的高热</text>
										</view>
									</view>
								</view>

								<view class="article-section conclusion">
									<text class="section-title">结语</text>
									<text
										class="article-paragraph">犬类疾病的预防是一项系统工程，需要主人在日常饲养管理、营养供给、定期检查和疫苗接种等多方面共同努力。通过科学的预防措施，可以显著降低爱犬患病的风险，减少不必要的痛苦和医疗费用。</text>
									<text
										class="article-paragraph">记住，健康的宠物是快乐家庭的基础。如有任何健康方面的疑问，请咨询专业兽医，为您的爱犬提供最适合的健康管理方案。</text>
								</view>

							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 返回顶部按钮 -->
		<view class="back-to-top" @click="scrollToTop">
			<image src="/static/up.png" class="top-icon"></image>
		</view>
		<!-- 页脚 -->
		<view class="footer">
			<view class="container">
				<view class="row">
					<view class="col-lg-3 col-md-6 col-sm-12">
						<view class="footer-section">
							<text class="footer-title">关于我们</text>
							<text class="footer-link">公司简介</text>
							<text class="footer-link">发展历程</text>
							<text class="footer-link">联系方式</text>
						</view>
					</view>
					<view class="col-lg-3 col-md-6 col-sm-12">
						<view class="footer-section">
							<text class="footer-title">客户服务</text>
							<text class="footer-link">帮助中心</text>
							<text class="footer-link">售后政策</text>
							<text class="footer-link">投诉建议</text>
						</view>
					</view>
					<view class="col-lg-3 col-md-6 col-sm-12">
						<view class="footer-section">
							<text class="footer-title">商务合作</text>
							<text class="footer-link">商家入驻</text>
							<text class="footer-link">品牌合作</text>
							<text class="footer-link">营销中心</text>
						</view>
					</view>
					<view class="col-lg-3 col-md-6 col-sm-12">
						<view class="footer-section">
							<text class="footer-title">关注我们</text>
							<view class="social-links">
								<text class="social-icon iconfont icon-weixin"></text>
								<text class="social-icon iconfont icon-weibo"></text>
								<text class="social-icon iconfont icon-douyin"></text>
							</view>
							<text class="footer-contact">客服热线：400-123-4567</text>
						</view>
					</view>
				</view>
				<view class="copyright">
					<text>© 2025 宠物健康管家 All Rights Reserved</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currentArticleId: 0,
				currentArticle: {
					title: '宠物营养均衡指南',
					date: '2025-04-15',
					views: 8426,
					coverImage: '/static/health/petHea.jpg'
				}
			}
		},
		mounted() {
			this.currentArticleId = getApp().globalData.currentHealthMsg;
			if (this.currentArticleId) {
				// 在实际应用中，这里应该根据ID从API获取文章详情
				if (this.currentArticleId === 1) {
					this.currentArticle = {
						title: '犬类常见疾病预防指南',
						date: '2025-04-10',
						views: 6254,
						coverImage: '/static/health/dogSc.jpg'
					};
				} else {
					this.currentArticle = {
						title: '宠物营养均衡指南',
						date: '2025-04-15',
						views: 8426,
						coverImage: '/static/health/petHea.jpg'
					}
				}
			}
		},
		methods: {
			goIndex() {
				uni.switchTab({
					url: '/pages/index/index'
				});
			},
			goShop() {
				uni.switchTab({
					url: '/pages/shop/shop'
				});
			},
			goForum() {
				uni.switchTab({
					url: '/pages/forum/forum'
				});
			},
			goHealth() {
				uni.switchTab({
					url: '/pages/health/health'
				});
			},
			goMine() {
				uni.switchTab({
					url: '/pages/mine/mine'
				});
			},
			goKnowledgeList() {
				uni.navigateTo({
					url: '/pages/knowledge/list'
				});
			},
			goArticle(articleId) {
				uni.navigateTo({
					url: '/pages/knowledge/detail?id=' + articleId
				});
			},
			scrollToTop() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				});
			}
		},
		// onLoad(options) {
		//     if (options.id) {
		//         this.currentArticleId = options.id;
		//         // 在实际应用中，这里应该根据ID从API获取文章详情
		//         if (this.currentArticleId === 'nutrition-guide') {
		//             this.currentArticle = {
		//                 title: '宠物营养均衡指南',
		//                 date: '2025-04-10',
		//                 views: 6254,
		//                 coverImage: '/static/health/pet-nutrition-cover.jpg'
		//             };
		//         }
		//     }
		// }
	}
</script>


<!-- 相关CSS样式补充 -->
<style scoped>
	/* 常见慢性疾病及预防样式 */
	.disease-tag {
		padding: 2px 8px;
		border-radius: 10px;
		font-size: 12px;
		color: #fff;
	}

	.disease-tag.high {
		background-color: #e74c3c;
	}

	.disease-tag.medium {
		background-color: #f39c12;
	}

	.disease-tag.low {
		background-color: #3498db;
	}

	/* 疫苗接种计划样式 */
	.vaccine-schedule {
		margin: 20px 0;
		border: 1px solid #e5e5e5;
		border-radius: 10px;
		overflow: hidden;
	}

	.schedule-header {
		display: flex;
		background-color: #f8f9fa;
		font-weight: bold;
		border-bottom: 1px solid #e5e5e5;
	}

	.age-column,
	.vaccine-column {
		padding: 12px 15px;
	}

	.age-column {
		width: 25%;
		border-right: 1px solid #e5e5e5;
	}

	.vaccine-column {
		width: 75%;
	}

	.schedule-row {
		display: flex;
		border-bottom: 1px solid #e5e5e5;
	}

	.schedule-row:last-child {
		border-bottom: none;
	}

	.age-cell,
	.vaccine-cell {
		padding: 12px 15px;
	}

	.age-cell {
		width: 25%;
		background-color: #f9f9f9;
		border-right: 1px solid #e5e5e5;
	}

	.vaccine-cell {
		width: 75%;
	}

	/* 日常健康检查样式 */
	.check-items {
		margin: 20px 0;
	}

	.check-item {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		padding: 15px;
		background-color: #f9f9f9;
		border-radius: 10px;
	}

	.check-icon {
		width: 60px;
		height: 60px;
		margin-right: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.icon-image {
		width: 40px;
		height: 40px;
	}

	.check-content {
		flex: 1;
	}

	.check-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.check-desc {
		font-size: 14px;
		color: #666;
	}

	/* 警告标志样式 */
	.warning-signs {
		margin: 20px 0;
		background-color: #fef2f2;
		border-left: 4px solid #e74c3c;
		padding: 15px;
		border-radius: 5px;
	}

	.warning-sign {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

	.sign-bullet {
		margin-right: 10px;
		font-size: 18px;
	}

	/* 页脚样式 */
	.footer {
		background-color: #131917;
		color: #fff;
		padding: 50px 0 20px;
	}

	.footer-section {
		margin-bottom: 30px;
	}

	.footer-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px;
		display: block;
		position: relative;
		padding-bottom: 10px;
	}

	.footer-title::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 50px;
		height: 2px;
		background-color: #F9CB43;
	}

	.footer-link {
		display: block;
		margin-bottom: 10px;
		color: #bbb;
		transition: all 0.3s;
		cursor: pointer;
	}

	.footer-link:hover {
		color: #F9CB43;
		padding-left: 5px;
	}

	.social-links {
		display: flex;
		margin-bottom: 15px;
	}

	.social-icon {
		font-size: 24px;
		margin-right: 20px;
		color: #bbb;
		transition: all 0.3s;
		cursor: pointer;
	}

	.social-icon:hover {
		color: #F9CB43;
		transform: scale(1.2);
	}

	.footer-contact {
		color: #bbb;
		font-size: 14px;
	}

	.copyright {
		text-align: center;
		margin-top: 30px;
		padding-top: 20px;
		border-top: 1px solid #444;
		color: #bbb;
		font-size: 14px;
	}

	.subscription-form {
		display: flex;
		margin-bottom: 10px;
	}

	.subscription-input {
		flex: 1;
		padding: 10px;
		border: none;
		border-radius: 3px 0 0 3px;
	}

	.subscription-btn {
		padding: 0 15px;
		background-color: #4caf50;
		color: white;
		border: none;
		border-radius: 0 3px 3px 0;
		cursor: pointer;
	}

	.copyright {
		text-align: center;
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #444;
	}

	.copyright-text {
		font-size: 12px;
		color: #888;
	}

	/* 返回顶部按钮 */
	.back-to-top {
		position: fixed;
		bottom: 30px;
		right: 30px;
		width: 50px;
		height: 50px;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: background-color 0.3s ease;
		z-index: 100;
	}

	.back-to-top:hover {
		background-color: rgba(0, 0, 0, 0.7);
	}

	.top-icon {
		width: 24px;
		height: 24px;
	}

	/* 响应式设计 */
	@media (max-width: 992px) {
		.article-card {
			width: calc(50% - 20px);
		}

		.footer-section {
			width: 48%;
		}
	}

	@media (max-width: 768px) {
		.top-navbar .navbar-center {
			flex-direction: column;
		}

		.nav-categories {
			margin-bottom: 15px;
		}

		.article-card {
			width: 100%;
		}

		.footer-section {
			width: 100%;
		}
	}

	/* 面包屑导航样式 */
	.breadcrumb {
		display: flex;
		align-items: center;
		padding: 15px 0;
		margin-bottom: 20px;
		font-size: 14px;
	}

	.breadcrumb-item {
		color: #666;
	}

	.breadcrumb-item.active {
		color: #333;
		font-weight: bold;
	}

	.breadcrumb-separator {
		margin: 0 10px;
		color: #999;
	}

	/* 文章内容样式增强 */
	.article-header {
		margin-bottom: 30px;
	}

	.article-title {
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 15px;
		line-height: 1.3;
	}

	.article-meta {
		display: flex;
		margin-bottom: 20px;
		font-size: 14px;
		color: #666;
	}

	.article-date,
	.article-views {
		margin-right: 20px;
	}

	.article-cover-image {
		width: 100%;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.article-section {
		margin-bottom: 40px;
	}

	.section-title {
		font-size: 22px;
		font-weight: bold;
		margin-bottom: 20px;
		position: relative;
		padding-left: 15px;
		border-left: 4px solid #F9CB43;
	}

	.article-paragraph {
		font-size: 16px;
		line-height: 1.7;
		color: #333;
		margin-bottom: 15px;
		text-align: justify;
	}

	.article-note {
		font-size: 14px;
		color: #666;
		font-style: italic;
		margin-top: 15px;
		padding: 10px;
		background-color: #f9f9f9;
		border-radius: 5px;
	}

	/* 营养元素样式 */
	.nutrition-element {
		display: flex;
		align-items: flex-start;
		margin-bottom: 20px;
		padding: 15px;
		background-color: #f9f9f9;
		border-radius: 10px;
		border-left: 3px solid #4caf50;
	}

	.nutrition-icon {
		width: 50px;
		height: 50px;
		margin-right: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.nutrition-info {
		flex: 1;
	}

	.nutrition-name {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #333;
	}

	.nutrition-desc {
		font-size: 14px;
		color: #666;
		line-height: 1.5;
	}

	/* 生命阶段样式 */
	.life-stage {
		margin-bottom: 25px;
		padding: 20px;
		background-color: #f5f8ff;
		border-radius: 10px;
		border-left: 3px solid #3498db;
	}

	.stage-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #3498db;
	}

	.stage-desc {
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 10px;
		color: #333;
	}

	.stage-tip {
		font-size: 14px;
		color: #666;
		font-style: italic;
		background-color: rgba(52, 152, 219, 0.1);
		padding: 8px;
		border-radius: 5px;
	}

	/* 营养问题样式 */
	.nutrition-problem {
		margin-bottom: 25px;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	}

	.problem-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #e74c3c;
	}

	.problem-desc {
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 15px;
		color: #333;
	}

	.solution-title {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #27ae60;
	}

	.solution-point {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 5px;
		color: #444;
	}

	/* 选择提示样式 */
	.selection-tips {
		margin-top: 15px;
	}

	.tip-item {
		display: block;
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 10px;
		color: #333;
		background-color: #f9f9f9;
		padding: 10px 15px;
		border-radius: 5px;
	}

	/* 健康习惯样式 */
	.healthy-habits {
		margin-top: 20px;
	}

	.habit-item {
		display: flex;
		align-items: flex-start;
		margin-bottom: 20px;
		padding: 15px;
		background-color: #f0f8f1;
		border-radius: 10px;
	}

	.habit-icon {
		width: 50px;
		height: 50px;
		margin-right: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #e1f5e3;
		border-radius: 50%;
	}

	.habit-content {
		flex: 1;
	}

	.habit-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #2ecc71;
	}

	.habit-desc {
		font-size: 14px;
		color: #444;
		line-height: 1.5;
	}

	/* 结语样式 */
	.conclusion {
		background-color: #f9f9f9;
		padding: 25px;
		border-radius: 10px;
		border-top: 3px solid #3498db;
	}

	/* 疾病项目样式 */
	.disease-item {
		margin-bottom: 25px;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	}

	.disease-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10px;
	}

	.disease-name {
		font-size: 18px;
		font-weight: bold;
		color: #333;
	}

	.disease-desc {
		font-size: 15px;
		line-height: 1.6;
		margin-bottom: 15px;
		color: #444;
	}

	.prevention-box {
		background-color: #f5f5f5;
		padding: 15px;
		border-radius: 8px;
	}

	.prevention-title {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #333;
	}

	.prevention-point {
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 5px;
		color: #444;
	}

	/* 顶部导航栏样式 */
	.top-navbar {
		background-color: white;
		padding: 15px 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}

	.logo {
		display: flex;
		align-items: center;
	}

	.logo image {
		width: 60px;
		height: 60px;
		margin-right: 15px;
	}

	.logo .titleText {
		font-size: 24px;
		font-weight: bold;
		color: #000000;
	}

	.navbar-center {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.nav-categories {
		display: flex;
	}

	.nav-item {
		padding: 8px 15px;
		color: #000000;
		font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		margin-right: 10px;
		border-radius: 5px;
		transition: all 0.3s;
	}

	.nav-item:hover {
		background-color: rgba(255, 255, 255, 0.2);
	}

	.search-container {
		display: flex;
		align-items: center;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 50px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		max-width: 300px;
	}

	.search-container image {
		width: 20px;
		height: 20px;
		margin-left: 10px;
	}

	.search-input {
		flex: 1;
		border: none;
		outline: none;
		font-size: 15px;
		padding: 5px 5px;
		background-color: transparent;
	}

	.search-btn {
		background-color: #F9CB43;
		color: #fff;
		border: none;
		border-radius: 0 50px 50px 0;
		padding: 5px 15px;
		font-size: 14px;
		cursor: pointer;
	}

	.user-actions {
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	.action-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 20px;
		cursor: pointer;
	}

	.action-item image {
		width: 24px;
		height: 24px;
	}

	.action-item .titleText {
		margin-top: 5px;
		color: #000000;
		font-size: 14px;
	}

	/* 主内容区域样式优化 */
	.main-content {
		padding: 30px 0;
		/* max-width: 1200px; */
		margin: 0 auto;
	}

	/* 动画效果 */
	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(20px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	.article-section {
		animation: fadeIn 0.5s ease-out forwards;
	}

	.article-section:nth-child(2) {
		animation-delay: 0.1s;
	}

	.article-section:nth-child(3) {
		animation-delay: 0.2s;
	}

	.article-section:nth-child(4) {
		animation-delay: 0.3s;
	}

	/* 打印样式优化 */
	@media print {

		.top-navbar,
		.footer,
		.user-interaction,
		.related-articles,
		.back-to-top {
			display: none;
		}

		.main-content {
			width: 100%;
			padding: 0;
		}

		.article-content {
			font-size: 12pt;
		}

		.article-title {
			font-size: 18pt;
		}

		.section-title {
			font-size: 14pt;
		}
	}
</style>